<!DOCTYPE html>
<html lang="charset" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>喵の屋</title>
    <link rel="icon" th:href="@{/miaowu_index/images/u=6631519421580796313fm=224gp=0.png}">
    <link rel="stylesheet" th:href="@{/miaowu_index/style/bootstrap-3.4.1-dist/css/bootstrap.min.css}">
    <script th:src="@{/miaowu_index/style/bootstrap-3.4.1-dist/js/bootstrap.min.js}"></script>
    <script th:src="@{/miaowu_index/style/bootstrap-3.4.1-dist/js/jquery.min.js}"></script>
    <link rel="stylesheet" th:href="@{/miaowu_index/style/font_3nn3v205vti/iconfont.css}">
    <link rel="stylesheet" th:href="@{/miaowu_index/style/index.css}">
</head>
<body>
    <div class="top container" id="topbox1">
        <div class="top_index">
            <div class="logo">
                <img th:src="@{/miaowu_index/images/喵呜png-01.png}" alt="">
            </div>
            <div class="login">
                <p class="container"><span class="spp1"><a th:href="@{/toIndex}">欢迎来到喵屋</a></span>
                </p>
                </p>
            </div>
        </div>
    </div>
    <div class="mid_box">
        <div class="mid_box_flo">
            <div class="mid_box_after container">
                <h1>猫&nbsp咪&nbsp之&nbsp家</h1>
                <h2>与可爱猫咪同室互动</h2>
            </div>
        </div>
    </div>
    <div style="z-index: 999" class="left_all">
        <div class="find">
            <ul>
                <li><a href="#topbox1">猫咪之家</a></li>
                <li><a href="#dwbox1">猫咪介绍</a></li>
                <li><a href="#bottom_show_box1">店内场所</a></li>
                <li><a class="a1" href="#lastbox_bottom1">关于我们</a></li>
            </ul>
        </div>
        <div class="button"><img th:src="@{/miaowu_index/images/R9eb87e324396d2f3eeba04203325bae7.jpg.png}" alt=""></div>
    </div>
    <div class="backtop_button"><a href="#top"><span class="iconfont icon-tubiao102"></span></a></div>
    <div class="container dwbox" id="dwbox1">
        <div class="cat">
            <h1 class="first_h1">有哪些可爱猫咪？</h1>
            <div class="slideshow">
                <div class="imgbox">
                    <div class="img1">
                        <h1>苏格兰折耳猫</h1>
                    </div>
                    <div class="img2">
                        <h1>波斯猫</h1>
                    </div>
                    <div class="img3">
                        <h1>布偶猫</h1>
                    </div>
                    <div class="img4">
                        <h1>挪威森林猫</h1>
                    </div>
                    <div class="img5">
                        <h1>暹罗猫</h1>
                    </div>
                </div>
            </div>
            <div class="guodubox1">
                <div class="gd1"></div>
                <div class="gd2"></div>
                <div class="gd3"></div>
            </div>
            <div class="guodubox2">
                <div class="gd1"></div>
                <div class="gd2"></div>
                <div class="gd3"></div>
            </div>
            <div class="guodubox3">
                <div class="gd1"></div>
                <div class="gd2"></div>
                <div class="gd3"></div>
            </div>
        </div>
        <div class="phb">
            <h1>店内猫咪热度</h1>
            <div class="phbnr">
                <p><a href="javascript:void(0)" class="font1">1&nbsp&nbsp挪威森林猫</a><span
                        class="iconfont icon-huobao">999</span></p>
                <p><a href="javascript:void(0)" class="font2">2&nbsp&nbsp布偶猫</a><span
                        class="iconfont icon-huobao">888</span></p>
                <p><a href="javascript:void(0)" class="font3">3&nbsp&nbsp暹罗猫</a><span
                        class="iconfont icon-huobao">777</span></p>
                <p><a href="javascript:void(0)" class="font4">4&nbsp&nbsp苏格兰折耳猫</a><span
                        class="iconfont icon-huobao">666</span></p>
                <p><a href="javascript:void(0)" class="font5">5&nbsp&nbsp波斯猫</a><span
                        class="iconfont icon-huobao">555</span></p>
            </div>
        </div>
    </div>
    <div class="cef container">
        <div class="cat3D"></div>
        <div class="xd"></div>
        <div class="fish3D"></div>
    </div>
    <div class="dnrmcs">
        <h1> 店内热门场所</h1>
    </div>
    <div class="bottom_show_box container" id="bottom_show_box1">
        <div class="row showleft1">
            <div class="col-sm-6 col-md-4">
                <div class="thumbnail">
                    <img th:src="@{/miaowu_index/images/001.jpg}" alt="...">
                    <div class="caption">
                        <h3>猫咪咖啡厅</h3>
                        <p>猫咪咖啡馆是指主要以猫咪为主题的咖啡馆。在猫咪咖啡馆里，猫咪是主体。是否拥有金钱，拥有权力对它们来说都不重要，所有人都是平等的。在这里，喝咖啡是其次，最主要的是跟猫咪一起玩耍能缓解压力和孤独。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row showright">
            <div class="col-sm-6 col-md-4">
                <div class="thumbnail">
                    <img th:src="@{/miaowu_index/images/002.jpg}" alt="...">
                    <div class="caption">
                        <h3>猫咪图书馆</h3>
                        <p>看书是一个学习的方式，也是一个被人们广泛接受的休闲方式，然而如今由于各种各样的不可抗的因素，现代人在读书上花费的时间越来越少，对于大部分人来说，很少能真正安静下来去读一本书了，但知识使人进步，书籍是全世界人的营养品，若你想要持续的获取，书中蕴含的永远比实践来的多，如果你已经厌烦了千篇一律的图书馆，或是里面那种阴暗的氛围让你压抑，猫咪图书馆不失为一个好的选择。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row showleft">
            <div class="col-sm-6 col-md-4">
                <div class="thumbnail">
                    <img th:src="@{/miaowu_index/images/003.jpg}" alt="...">
                    <div class="caption">
                        <h3>猫咪餐厅</h3>
                        <p>当我们厌烦了餐厅中那些千篇一律的装饰，以及进食时的单一的感受，也许一些小宠物的加入会使我们领略到不一样的风景</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row showright1">
            <div class="col-sm-6 col-md-4">
                <div class="thumbnail">
                    <img th:src="@{/miaowu_index/images/004.jpg}" alt="...">
                    <div class="caption">
                        <h3>撸猫大厅</h3>
                        <p>也就是对猫进行爱抚的行为，是现代人热衷的爱好之一。铲屎官们用撸体现着对猫主子的爱，尤其是在自己忙碌一天休息的时候撸个猫解个乏，似乎已经成为最理想的生活状态。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="lastbox_bottom container" id="lastbox_bottom1">
        <p><a href="#top">网页到头了，猫主子快点我回到顶部吧</a></p>
    </div>
</body>

</html>